<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>eBarrio</title>

	<script src="<?php echo base_url(); ?>js/jquery-1.7.1.min.js"></script>
	<script src="<?php echo base_url(); ?>js/jquery-ui-1.8.18.custom.min.js"></script>

	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=<?php echo $publickey?>&sensor=true"></script>
<!--	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> -->
<!--	<script src="<?php echo base_url(); ?>/js/ui_maps/jquery.ui.map.full.min.js" type="text/javascript"></script> -->


	<script src="<?php echo base_url(); ?>js/ebarrio/ebarrio-dialogo-modal.js"></script>

	<link rel="stylesheet" href="<?php echo base_url(); ?>css/ui/jquery-ui-1.8.18.custom.css">
	<link rel="stylesheet" href="<?php echo base_url(); ?>css/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css">
	<link rel="stylesheet" href="<?php echo base_url(); ?>css/ebarrio.css">

<!--	<link rel="stylesheet" href="<?php echo base_url(); ?>css/jquery.ui.dialog_modificado.css"> -->

		<?php
		require_once('/recaptcha/recaptchalib.php');
		$captcha_publickey = $publickey;
		$error_captcha = null;
		?>


<!-- ********************* -->
<!-- Lógica de la pantalla -->
<!-- ********************* -->

	<script type="text/javascript">
	$(document).ready(function() {

		// Array donde se guardan los marcadores del mapa
		var markersArray = [];


		// Gestion evento Click
		var $link = $(this).click(function(e) {

			e.preventDefault();
			var accion = e.target.getAttribute("data-menu-login");

			if(accion == 'entrar') {

				menuModal('Entrarrrrr');
				contenidoModalEntrar();

				// Creación de la ventana de Login
				$("#login").dialog({
					autoOpen: true,
					title: $("#guy2_title"),
					width: 350,
					heigth: 650,
					modal: true,
					resizable: false,
					draggable: false,
					position: "center",
					open: function(event, ui) {
						// Hide close button
						var me = $(this);
						$(this).closest("[role=dialog]").find(".dialog-form-close").bind('click',function(){ me.dialog('close')});
						$(this).parent().children().children(".ui-dialog-titlebar-close").hide();

						$("#guy2_title").closest(".ui-dialog-titlebar").addClass("dialog-tag-title-none");

					},
					buttons: {
						"Entrar": function() {
							loginEntrar(accion);
						}, // Fin boton Entrar
						Cancel: function() {
							$( this ).dialog( "close" );
						}
					},
					close: function() {
						$("#login #email" ).val("");
						$("#login #password" ).val("");
						$("#login").remove();
						$( this ).dialog( "destroy" );
						
					}
				}); // Fin Dialogo Logarse




			} else if(accion == 'registrar') {
				menuModal('Registrarrrrr');
				contenidoModalRegistrar();

				// Creación de la ventana de Registro
				$("#registro").dialog({
					autoOpen: true,
					title: $("#guy2_title"),
					width: 700,
					heigth: 450,
					modal: true,
					resizable: false,
					draggable: false,
					position: "center",
					open: function(event, ui) {
						// Hide close button
						var me = $(this);
						$(this).closest("[role=dialog]").find(".dialog-form-close").bind('click',function(){ me.dialog('close')});
						$(this).parent().children().children(".ui-dialog-titlebar-close").hide();

						$("#guy2_title").closest(".ui-dialog-titlebar").addClass("dialog-tag-title-none");

					},
					buttons: {
						"Registrar": function() {
							loginRegistrar(accion);
						}, // Fin boton Entrar
						Cancel: function() {
							$( this ).dialog( "close" );
						}
					},
					close: function() {
						$("#registro #email" ).val("");
						$("#registro #password" ).val("");
						$("#registro").remove();
						$( this ).dialog( "destroy" );
					}
				}); // Fin Dialogo Logarse


				// Creación del mapa
				var mapOptions = {
									center: new google.maps.LatLng(39.466878, -0.377741),
									zoom: 11,
									streetViewControl: false,
									zoomControl: false,
									mapTypeId: google.maps.MapTypeId.ROADMAP
								};
				var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

				// Creación del listener para los marcadores del mapa
				google.maps.event.addListener(map, 'click', function(event)
				{
					// Se comprueba se existen marcadores y se borran
					if (markersArray){
						for (i in markersArray) {
							markersArray[i].setMap(null);
						}
						markersArray.length = 0;
					}

					// Se crea el nuevo marcador
					var marker = new google.maps.Marker({
						position: event.latLng, 
						map: map
					});
					markersArray.push(marker);
				});

			} else if(accion == 'mantener') {
				alert('MANTERNER');
				
			} else if(accion == 'salir') {
				loginSalir(accion);

			};
		}); // Fin Gestión evengo Click


// FUNCIONES

		/* Refresca la clase LOGIN */
		function refrescaLogin(source){
			$("#logarse1" ).text(source.datos.username1);
			$("#logarse1" ).attr('title', source.datos.titulo1);
			$("#logarse1" ).attr('data-menu-login', source.datos.data_menu_login_1);

			$("#logarse2" ).text(source.datos.username2);
			$("#logarse2" ).attr('title', source.datos.titulo2);
			$("#logarse2" ).attr('data-menu-login', source.datos.data_menu_login_2);
		} // FIN refrescaLogin

		/* trata la acción "entrar" de la clase LOGIN*/
		function loginEntrar(accion){
			var email = $( "#login #email" );
			var password = $( "#login #password" );
			var v_recordar = 1;


			
			$( "#cargando" ).dialog( "open" );

			$.ajax({
				url: "<?php echo site_url(); ?>usuario/inicio",
				data: {	email: email.val(),
						password: password.val(),
						recordar: v_recordar,
						accion: accion
						},
				type: "POST",
				dataType: "json",
				success: function(source){

					switch (source.coderror) {
						case 0:
							refrescaLogin(source);
							$( "#login" ).dialog( "close" );
							break

						default:
							contenidoDialogError(source.error_message, "login");
							$("#error" ).dialog( "open" );
					}
				},
				error: function(source){
					alert("ERROR");
				}
			});

			$( "#cargando" ).dialog( "close" );
		}	// Fin función loginEntrar


		/* trata la acción "entrar" de la clase LOGIN*/
		function loginSalir(accion){

			$( "#cargando" ).dialog( "open" );

			$.ajax({
				url: "<?php echo site_url(); ?>usuario/inicio",
				data: {	accion: accion
						},
				type: "POST",
				dataType: "json",
				success: function(source){

					switch (source.coderror) {
						case 0:
							refrescaLogin(source);
							$( "#login" ).dialog( "close" );
							break

						default:
							$( "#error" ).dialog( "open" );
					}
				},
				error: function(source){
					alert("ERROR");
				}
			});

			$( "#cargando" ).dialog( "close" );
		}	// Fin función loginEntrar


		/* trata la acción "registrar" de la clase CREAR_CUENTA */
		function loginRegistrar(accion){

			var usuario = $( "#registro #usuario" );
			var email = $( "#registro #email" );
			var password1 = $( "#registro #password1" );
			var password2 = $( "#registro #password2" );
			var v_recordar = 1;

			if (markersArray.length > 0){
				var v_latitud = markersArray[0].getPosition().lat();
				var v_longitud = markersArray[0].getPosition().lng();
			}

			// se limpian las advertencias de los campos


			$("#registro #usuario" ).removeClass("ui-state-error");
			$("#registro #email" ).removeClass("ui-state-error");
			$("#registro #password1" ).removeClass("ui-state-error");
			$("#registro #password2" ).removeClass("ui-state-error");


			$( "#cargando" ).dialog( "open" );

			$.ajax({
				url: "<?php echo site_url(); ?>usuario/inicio",
				data: {	email: email.val(),
						usuario: usuario.val(),
						password1: password1.val(),
						password2: password2.val(),
						recordar: v_recordar,
						latitud: v_latitud,
						longitud: v_longitud,
						accion: accion
						},
				type: "POST",
				dataType: "json",
				success: function(source){

					switch (source.coderror) {
						case 0:
//							refrescaLogin(source);
							$( "#registro" ).dialog( "close" );
							break

						default:
							contenidoDialogError(source.error_message, "registro");

							$("#error" ).dialog( "open" );
					}
				},
				error: function(source){
					alert("ERROR");
				}
			});

			$( "#cargando" ).dialog( "close" );
		}	// Fin función loginEntrar



// FIN FUNCIONES

	}); // Fin Document Ready

	</script>


</head>

<body>
	<div class="pagina">
		<div class="cabecera">
			<div class="centro">
				<div class="logotipo">
					<a title="eBarrio.es" id="icono"></a>
				</div>
			
				<div class="login">
					<?php
						echo '<a id="logarse1" class="logarse" title="' . $titulo1 . '" data-menu-login="' . $data_menu_login_1 . '" href="#">' . $username1 . '</a>';
					?>
					<?php
						echo '<a id="logarse2" class="logarse" title="' . $titulo2 . '" data-menu-login="' . $data_menu_login_2 . '" href="#">' . $username2 . '</a>';
					?>

				</div>
			</div>
		</div>
		<div class="cuerpo">
		</div>
		<div class="pie">
		</div>
	</div>
	

</body>

</html>
